<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link href="../libs/swiper/css/swiper.min.css" rel="stylesheet">
	<link rel="stylesheet" href="../css/details.css" type="text/css">
	<script src="../libs/js/utils.js" type="text/javascript" charset="utf-8"></script>
	<body>
		<header class="header"></header>
		<div class="headerback"></div>
		
		<div class="Zoom">
			<div class="depic" id="depic">
			    <!-- <img src="../images/b1.jpg" class="zoom-image">
			    <div class="imgs">
			        <ul id="gal1">
			            <li>
			                <a class="zoomGalleryActive" href="javascript:;" data-image="../images/b1.jpg" data-zoom-image="../images/b1.jpg">
			                    <img src="../images/b1.jpg" class="smallpic">
			                </a>
			            </li>
			            <li>
			                <a href="javascript:;" data-image="../images/b2.jpg" data-zoom-image="../images/b2.jpg">
			                    <img src="../images/b2.jpg" class="smallpic">
			                </a>
			            </li>
			            <li>
			                <a href="javascript:;" data-image="../images/b3.jpg" data-zoom-image="../images/b3.jpg">
			                    <img src="../images/b3.jpg" class="smallpic">
			                </a>
			            </li>
			            <li>
			                <a href="javascript:;" data-image="../images/b4.jpg" data-zoom-image="../images/b4.jpg">
			                    <img src="../images/b4.jpg" class="smallpic">
			                </a>
			            </li>
			        </ul>
					
			    </div> -->
			</div>
			<script type="text/html" id="depictemplate">
				<img src="{{image}}" class="zoom-image">
				<div class="imgs">
				    <ul id="gal1">
				        <li>
				            <a class="zoomGalleryActive" href="javascript:;" data-image="{{image}}" data-zoom-image="{{image}}">
				                <img src="{{image}}" class="smallpic">
				            </a>
				        </li>
				        <li>
				            <a href="javascript:;" data-image="{{image}}" data-zoom-image="{{image}}">
				                <img src="{{image}}" class="smallpic">
				            </a>
				        </li>
				        <li>
				            <a href="javascript:;" data-image="{{image}}" data-zoom-image="{{image}}">
				                <img src="{{image}}" class="smallpic">
				            </a>
				        </li>
				        <li>
				            <a href="javascript:;" data-image="{{image}}" data-zoom-image="{{image}}">
				                <img src="{{image}}" class="smallpic">
				            </a>
				        </li>
				    </ul>
					
				</div>
					
			</script>
		
			<div class="demessage" id="demessage">
				
			</div>
			<script type="text/html" id="demessagetemplate">
				
					<div class="pro-name">{{title}}</div>
					<span class="pro-slogan">{{reviewContent}}</span>
					<div class="pro-price">
						<span id="pricePre" style="display: none;"></span>
						<span id="priceOld" style="display: none;"></span>
						<span id="priceNow" style="color: rgb(0, 198, 94);">￥{{price}}</span>
					</div>
				
					<div class="pro-choose">
					        <div class="attr">
					            <div class="pro-choose-item">
									<div class="pro-choose-name">版本</div>
									<div class="pro-choose-content">
										<div class="pro-choose-pill animate-common animate-duration-ms active" data-anid="95" data-avid="171" style="overflow: hidden;">{{accessoryHints}}</div>
										<div class="pro-choose-pill animate-common animate-duration-ms" data-anid="95" data-avid="174">{{couponStatus}}</div>
									</div>
								</div>
								<div class="pro-choose-item">
									<div class="pro-choose-name">颜色</div>
									<div class="pro-choose-content">
										<div class="pro-choose-pill animate-common animate-duration-ms active" data-anid="96" data-avid="172">{{commodityTypeName}}</div>
										<div class="pro-choose-pill animate-common animate-duration-ms" data-anid="96" data-avid="175">{{commodityTypeName}}</div>
									</div>
								</div>
								<div class="pro-choose-item">
									<div class="pro-choose-name">购买方式</div>
									<div class="pro-choose-content">
										<div class="pro-choose-pill animate-common animate-duration-ms active" data-anid="97" data-avid="173">官方标配</div>
									</div>
								</div>
							</div>
					        
							<div class="num">
					            <div class="pro-choose-item">
					                <div class="pro-choose-name">数量</div>
					                <div class="pro-choose-content">
					                    <div class="sel-num">
					                        <button class="reduce-num">-</button>
					                        <div class="num">1</div>
					                        <button class="add-num">+</button>
					                    </div>
					                    <span class="surplus" style="display: none;">仅剩<i>5</i>件</span>
					                </div>
					            </div>
					        </div>
					        
					</div>
								
								
					<div class="button-col">
					    <button class="btn btn-black" id="cart" style="">加入购物车</button>
					    <a href="./shoppingcar.html" class=" btn-green animate-common animate-duration-ms" id="pay">立即购买</a>
						
					</div>
			</script>
		</div>
		
		
		
		<div class="images">
			<a href="">
				<img src="https://shop-1256119282.file.myqcloud.com/blackshark/20200811/20200811185917_432.jpg">
			</a>
		</div>
		
		<div class="images">
			<a href="">
				<img src="https://shop-1256119282.file.myqcloud.com/blackshark/20200811/20200811185917_432.jpg">
			</a>
		</div>
		
		<div class="images">
			<a href="">
				<img src="https://shop-1256119282.file.myqcloud.com/blackshark/20200811/20200811185917_432.jpg">
			</a>
		</div>
		
		<div class="images">
			<a href="">
				<img src="https://shop-1256119282.file.myqcloud.com/blackshark/20200811/20200811185917_432.jpg">
			</a>
		</div>
		
		<div class="images">
			<a href="">
				<img src="https://shop-1256119282.file.myqcloud.com/blackshark/20200811/20200811185917_432.jpg">
			</a>
		</div>
		
		
		<footer class="footer"></footer>
		
		<script src="../libs/require/require.min.js" data-main="../js/details.js"></script>
	</body>
</html>

